.el-container.homebox{
  width:100%;
  height:100%;
  background: url('~@/assets/homebg.png') top center no-repeat;
  background-size: 100% 100%;
  .el-header{
    height:80px!important;
    padding:0;
    ::v-deep{
        .vab-header{
          background:none!important;
          height: 100%;
          .vab-main {
            width: 100%!important;
            margin:0 auto;
            padding: 0 20px;
            .logo-container-horizontal .title{
              font-size: 30px;
              text-shadow: 3px 3px 3px rgba(0,0,0,.3);
            }
          }
        }
      }
  }
  .el-main{
    padding: 0;
    h3{
      display: flex;
      flex-direction:column;
      align-items:center;
      font-size:60px;
      color:#fff;
      letter-spacing:13px;
      font-family: 'SimHei';
      text-shadow: 0px 12px 12px rgba(8,1,3,0.3);
      -webkit-text-stroke: 10px rgba(65, 103, 196, 1);
      &::before{
        content:attr(title);
        font-family: 'SimHei';
        position: absolute;
        background-image: linear-gradient(#FFF, #FFF);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke:0;
        text-shadow:none;
      }
    }
    .mlist{
      width:560px;
      height:48%;
      margin: 50px auto 0;
      display: flex;
      flex-direction:row;
      align-items:center;
      flex:1;
      justify-content:space-between;
      //justify-content:center;
      padding:0 20px;
      li{
        border: 2px solid;
        width:43%;
        height:100%;
        border-radius:20px;
        display: flex;
        flex-direction:column;
        align-items:center;
        justify-content: center;
        cursor: pointer;
        position: relative;
        &::before{
            content:'';
            display: block;
            width:100%;
            height:146px;
            position:absolute;
            bottom: 0;
        }
        i{
          font-size:60px;
          color:#fff;
          &.icon-zukuneiqiantubiao{
            font-size: 56px;
          }
          position: absolute;
          top:58px;
        }
        .cesium{
          display:flex;
          flex-direction:column;
          align-items: center;
          justify-content:center;
          width: 100%;
        }
        span{
          width:67%;
          text-align: center;
          color:#fff;
          font-size:30px;
          font-family: 'Microsoft YaHei';
          line-height:50px;
          font-weight:bold;
        }
        &:nth-child(1){
          border-color:rgba(0, 202, 252, 1);
          background:linear-gradient(-90deg, rgba(62, 135, 219, 1) 0%, rgba(62,135,218,0.5) 100%);
          background:-webkit-linear-gradient(-90deg, #3E87DB 0%, rgba(62,135,218,0.5) 100%);
          box-shadow: 0px 8px 14px 2px rgba(4,20,63,0.3);
          &::before{
            background: url('~@/assets/icon1.png') top center no-repeat;
            background-size: 100% 100%;
          }
        }
        &:nth-child(2){
          border-color:rgba(80, 171, 255, 1);
          background: linear-gradient(-90deg, rgba(66, 102, 197, 1) 8%, rgba(20,154,166,0.5) 100%);
          background:-webkit-linear-gradient(-90deg, rgba(66, 102, 197, 1) 8%, rgba(20,154,166,0.5) 100%);
          box-shadow: 0px 8px 14px 2px rgba(4,20,63,0.3);
          &::before{
            background: url('~@/assets/icon2.png') top center no-repeat;
            background-size: 100% 100%;
          }
        }
      }
    }
  }
}
